<nz-card nzTitle="年用水" [nzExtra]="extraTemplate" [nzBodyStyle]="bodyStyle">
  <div class="ywglxt">

    <button class="save-btn" nz-button nzType="primary" (click)="save()">保存</button>
    <nz-table
      [nzFrontPagination]="false"
      nzBordered
      [nzData]="tableData">
      <thead>
      <tr>
        <th rowspan="3" nzLeft style="width: 150px">月份</th>
        <th colspan="12">黄河干流河段名称</th>
      </tr>
      <tr>
        <th colspan="3">刘家峡~下河沿</th>
        <th colspan="3">下河沿~石嘴山</th>
        <th colspan="3">石嘴山~头道拐</th>
        <th colspan="3" nzRight>小计</th>
      </tr>
      <tr>
        <th>取水</th>
        <th>退水</th>
        <th>耗水</th>
        <th>取水量</th>
        <th>退水量</th>
        <th>耗水量</th>
        <th>取水量</th>
        <th>退水量</th>
        <th>耗水量</th>
        <th style="width: 130px">取水</th>
        <th style="width: 130px">退水</th>
        <th style="width: 130px">耗水</th>
      </tr>
      </thead>
      <tbody>
      <tr *ngFor="let month of monthArr;let i = index;">
        <td>{{month}}</td>
        <td><label><input nz-input nzSize="small" [(ngModel)]="tableData[i][0]" type="number"/></label></td>
        <td><label><input nz-input nzSize="small" [(ngModel)]="tableData[i][1]" type="number"/></label></td>
        <td><label><input nz-input nzSize="small" [(ngModel)]="tableData[i][2]" type="number"/></label></td>
        <td><label><input nz-input nzSize="small" [(ngModel)]="tableData[i][3]" type="number"/></label></td>
        <td><label><input nz-input nzSize="small" [(ngModel)]="tableData[i][4]" type="number"/></label></td>
        <td><label><input nz-input nzSize="small" [(ngModel)]="tableData[i][5]" type="number"/></label></td>
        <td><label><input nz-input nzSize="small" [(ngModel)]="tableData[i][6]" type="number"/></label></td>
        <td><label><input nz-input nzSize="small" [(ngModel)]="tableData[i][7]" type="number"/></label></td>
        <td><label><input nz-input nzSize="small" [(ngModel)]="tableData[i][8]" type="number"/></label></td>
        <td>{{tableData[i][0] + tableData[i][3] + tableData[i][6]}}</td>
        <td>{{tableData[i][1] + tableData[i][4] + tableData[i][7]}}</td>
        <td>{{tableData[i][2] + tableData[i][5] + tableData[i][8]}}</td>
      </tr>
      <tr class="strong">
        <td>7~10月小计</td>
        <td>{{tableData[0][0] + tableData[1][0] + tableData[2][0] + tableData[3][0]}}</td>
        <td>{{tableData[0][1] + tableData[1][1] + tableData[2][1] + tableData[3][1]}}</td>
        <td>{{tableData[0][2] + tableData[1][2] + tableData[2][2] + tableData[3][2]}}</td>
        <td>{{tableData[0][3] + tableData[1][3] + tableData[2][3] + tableData[3][3]}}</td>
        <td>{{tableData[0][4] + tableData[1][4] + tableData[2][4] + tableData[3][4]}}</td>
        <td>{{tableData[0][5] + tableData[1][5] + tableData[2][5] + tableData[3][5]}}</td>
        <td>{{tableData[0][6] + tableData[1][6] + tableData[2][6] + tableData[3][6]}}</td>
        <td>{{tableData[0][7] + tableData[1][7] + tableData[2][7] + tableData[3][7]}}</td>
        <td>{{tableData[0][8] + tableData[1][8] + tableData[2][8] + tableData[3][8]}}</td>
        <td>
          {{tableData[0][0] + tableData[1][0] + tableData[2][0] + tableData[3][0] + tableData[0][3] + tableData[1][3] + tableData[2][3] + tableData[3][3] + tableData[0][6] + tableData[1][6] + tableData[2][6] + tableData[3][6]}}
        </td>
        <td>
          {{tableData[0][1] + tableData[1][1] + tableData[2][1] + tableData[3][1] + tableData[0][4] + tableData[1][4] + tableData[2][4] + tableData[3][4] + tableData[0][7] + tableData[1][7] + tableData[2][7] + tableData[3][7]}}
        </td>
        <td>{{tableData[0][2] + tableData[1][2] + tableData[2][2] + tableData[3][2] + tableData[0][5] + tableData[1][5] + tableData[2][5] + tableData[3][5] + tableData[0][8] + tableData[1][8] + tableData[2][8] + tableData[3][8]}}</td>
      </tr>
      <tr class="strong">
        <td>11~6月小计</td>
        <td>{{tableData[4][0] + tableData[5][0] + tableData[6][0] + tableData[7][0] + tableData[8][0] + tableData[9][0] + tableData[10][0] + tableData[11][0]}}</td>
        <td>{{tableData[4][1] + tableData[5][1] + tableData[6][1] + tableData[7][1] + tableData[8][1] + tableData[9][1] + tableData[10][1] + tableData[11][1]}}</td>
        <td>{{tableData[4][2] + tableData[5][2] + tableData[6][2] + tableData[7][2] + tableData[8][2] + tableData[9][2] + tableData[10][2] + tableData[11][2]}}</td>
        <td>{{tableData[4][3] + tableData[5][3] + tableData[6][3] + tableData[7][3] + tableData[8][3] + tableData[9][3] + tableData[10][3] + tableData[11][3]}}</td>
        <td>{{tableData[4][4] + tableData[5][4] + tableData[6][4] + tableData[7][4] + tableData[8][4] + tableData[9][4] + tableData[10][4] + tableData[11][4]}}</td>
        <td>{{tableData[4][5] + tableData[5][5] + tableData[6][5] + tableData[7][5] + tableData[8][5] + tableData[9][5] + tableData[10][5] + tableData[11][5]}}</td>
        <td>{{tableData[4][6] + tableData[5][6] + tableData[6][6] + tableData[7][6] + tableData[8][6] + tableData[9][6] + tableData[10][6] + tableData[11][6]}}</td>
        <td>{{tableData[4][7] + tableData[5][7] + tableData[6][7] + tableData[7][7] + tableData[8][7] + tableData[9][7] + tableData[10][7] + tableData[11][7]}}</td>
        <td>{{tableData[4][8] + tableData[5][8] + tableData[6][8] + tableData[7][8] + tableData[8][8] + tableData[9][8] + tableData[10][8] + tableData[11][8]}}</td>
        <td>{{tableData[4][0] + tableData[5][0] + tableData[6][0] + tableData[7][0] + tableData[8][0] + tableData[9][0] + tableData[10][0] + tableData[11][0]+tableData[4][3] + tableData[5][3] + tableData[6][3] + tableData[7][3] + tableData[8][3] + tableData[9][3] + tableData[10][3] + tableData[11][3]+tableData[4][6] + tableData[5][6] + tableData[6][6] + tableData[7][6] + tableData[8][6] + tableData[9][6] + tableData[10][6] + tableData[11][6]}}</td>
        <td>{{tableData[4][1] + tableData[5][1] + tableData[6][1] + tableData[7][1] + tableData[8][1] + tableData[9][1] + tableData[10][1] + tableData[11][1]+tableData[4][4] + tableData[5][4] + tableData[6][4] + tableData[7][4] + tableData[8][4] + tableData[9][4] + tableData[10][4] + tableData[11][4]+tableData[4][7] + tableData[5][7] + tableData[6][7] + tableData[7][7] + tableData[8][7] + tableData[9][7] + tableData[10][7] + tableData[11][7]}}</td>
        <td>
          {{tableData[4][2] + tableData[5][2] + tableData[6][2] + tableData[7][2] + tableData[8][2] + tableData[9][2] + tableData[10][2] + tableData[11][2]+tableData[4][5] + tableData[5][5] + tableData[6][5] + tableData[7][5] + tableData[8][5] + tableData[9][5] + tableData[10][5] + tableData[11][5]+tableData[4][8] + tableData[5][8] + tableData[6][8] + tableData[7][8] + tableData[8][8] + tableData[9][8] + tableData[10][8] + tableData[11][8]}}
        </td>
      </tr>
      <tr class="strong">
        <td>7~6月小计</td>
        <td>{{tableData[0][0] + tableData[1][0] + tableData[2][0] + tableData[3][0]+tableData[4][0] + tableData[5][0] + tableData[6][0] + tableData[7][0] + tableData[8][0] + tableData[9][0] + tableData[10][0] + tableData[11][0]}}</td>
        <td>{{tableData[0][1] + tableData[1][1] + tableData[2][1] + tableData[3][1]+tableData[4][1] + tableData[5][1] + tableData[6][1] + tableData[7][1] + tableData[8][1] + tableData[9][1] + tableData[10][1] + tableData[11][1]}}</td>
        <td>{{tableData[0][2] + tableData[1][2] + tableData[2][2] + tableData[3][2]+tableData[4][2] + tableData[5][2] + tableData[6][2] + tableData[7][2] + tableData[8][2] + tableData[9][2] + tableData[10][2] + tableData[11][2]}}</td>
        <td>{{tableData[0][3] + tableData[1][3] + tableData[2][3] + tableData[3][3]+tableData[4][3] + tableData[5][3] + tableData[6][3] + tableData[7][3] + tableData[8][3] + tableData[9][3] + tableData[10][3] + tableData[11][3]}}</td>
        <td>{{tableData[0][4] + tableData[1][4] + tableData[2][4] + tableData[3][4]+tableData[4][4] + tableData[5][4] + tableData[6][4] + tableData[7][4] + tableData[8][4] + tableData[9][4] + tableData[10][4] + tableData[11][4]}}</td>
        <td>{{tableData[0][5] + tableData[1][5] + tableData[2][5] + tableData[3][5]+tableData[4][5] + tableData[5][5] + tableData[6][5] + tableData[7][5] + tableData[8][5] + tableData[9][5] + tableData[10][5] + tableData[11][5]}}</td>
        <td>{{tableData[0][6] + tableData[1][6] + tableData[2][6] + tableData[3][6]+tableData[4][6] + tableData[5][6] + tableData[6][6] + tableData[7][6] + tableData[8][6] + tableData[9][6] + tableData[10][6] + tableData[11][6]}}</td>
        <td>{{tableData[0][7] + tableData[1][7] + tableData[2][7] + tableData[3][7]+tableData[4][7] + tableData[5][7] + tableData[6][7] + tableData[7][7] + tableData[8][7] + tableData[9][7] + tableData[10][7] + tableData[11][7]}}</td>
        <td>{{tableData[0][8] + tableData[1][8] + tableData[2][8] + tableData[3][8]+tableData[4][8] + tableData[5][8] + tableData[6][8] + tableData[7][8] + tableData[8][8] + tableData[9][8] + tableData[10][8] + tableData[11][8]}}</td>
        <td>{{tableData[0][0] + tableData[1][0] + tableData[2][0] + tableData[3][0]+tableData[4][0] + tableData[5][0] + tableData[6][0] + tableData[7][0] + tableData[8][0] + tableData[9][0] + tableData[10][0] + tableData[11][0]+tableData[0][3] + tableData[1][3] + tableData[2][3] + tableData[3][3]+tableData[4][3] + tableData[5][3] + tableData[6][3] + tableData[7][3] + tableData[8][3] + tableData[9][3] + tableData[10][3] + tableData[11][3]+tableData[0][6] + tableData[1][6] + tableData[2][6] + tableData[3][6]+tableData[4][6] + tableData[5][6] + tableData[6][6] + tableData[7][6] + tableData[8][6] + tableData[9][6] + tableData[10][6] + tableData[11][6]}}</td>
        <td>{{tableData[0][1] + tableData[1][1] + tableData[2][1] + tableData[3][1]+tableData[4][1] + tableData[5][1] + tableData[6][1] + tableData[7][1] + tableData[8][1] + tableData[9][1] + tableData[10][1] + tableData[11][1]+tableData[0][4] + tableData[1][4] + tableData[2][4] + tableData[3][4]+tableData[4][4] + tableData[5][4] + tableData[6][4] + tableData[7][4] + tableData[8][4] + tableData[9][4] + tableData[10][4] + tableData[11][4]+tableData[0][7] + tableData[1][7] + tableData[2][7] + tableData[3][7]+tableData[4][7] + tableData[5][7] + tableData[6][7] + tableData[7][7] + tableData[8][7] + tableData[9][7] + tableData[10][7] + tableData[11][7]}}</td>
        <td>{{tableData[0][2] + tableData[1][2] + tableData[2][2] + tableData[3][2]+tableData[4][2] + tableData[5][2] + tableData[6][2] + tableData[7][2] + tableData[8][2] + tableData[9][2] + tableData[10][2] + tableData[11][2]+tableData[0][5] + tableData[1][5] + tableData[2][5] + tableData[3][5]+tableData[4][5] + tableData[5][5] + tableData[6][5] + tableData[7][5] + tableData[8][5] + tableData[9][5] + tableData[10][5] + tableData[11][5]+tableData[0][8] + tableData[1][8] + tableData[2][8] + tableData[3][8]+tableData[4][8] + tableData[5][8] + tableData[6][8] + tableData[7][8] + tableData[8][8] + tableData[9][8] + tableData[10][8] + tableData[11][8]}}</td>
      </tr>
      </tbody>
    </nz-table>
  </div>
</nz-card>
<ng-template #extraTemplate>
  <div>
    年份：
    <nz-year-picker [(ngModel)]="date" (ngModelChange)="onChange($event)" nzPlaceHolder="Select year"></nz-year-picker>
  </div>
</ng-template>
